Java之品优购课程讲义_day16（3）-白红宇

Java之品优购课程讲义_day16（3）

阅读量：6624 次

发布时间：2019-06-25

本文共 979 字，大约阅读时间需要 3 分钟。

购物车前端代码

3.1 需求分析

实现购物车页面的展示与相关操作

可以实现购物车列表、数量的增减与移除以及合计数统计

3.1 购物车列表

3.1.1 前端服务层

pinyougou-cart-web 增加 cartService.js//购物车服务层app.service('cartService',function($http){//购物车列表this.findCartList=function(){}});3.1.1 file:///C:\Users\user\AppData\Local\Temp\ksohtml\wpsC1F6.tmp.pngfile:///C:\Users\user\AppData\Local\Temp\ksohtml\wpsC1F7.tmp.png前端控制层pinyougou-cart-web 增加 cartController.js//购物车控制层app.controller('cartController',function($scope,cartService){//查询购物车列表$scope.findCartList=function(){ cartService.findCartList().success(function(response){$scope.cartList=response;});}});

3.1.1 页面

修改 cart.html 引入 js

添加相关指令，指定控制器，调用初始化方法

循环显示购物车列表


    
     
      
      {
   {cart.sellerName}}【商家 ID:{
   {cart.sellerId}}】

{
   {orderItem.title}}[/size][/font][/align][font=微软雅黑][size=3]{
   {orderItem.price.toFixed(2)}}
-+
{
   {orderItem.totalFee.toFixed(2)}}
删除
移到我的关注

转载于:https://blog.51cto.com/13517854/2308271

你可能感兴趣的文章

【ZH奶酪】如何用textgenrnn处理中文

查看>>

CentOS双机中Docker下安装Mysql并配置互为主从模式

查看>>

OkHttp3源码详解(六) Okhttp任务队列工作原理

查看>>

这样做，轻松在Word中使用MathType

查看>>

VS Code非英语版本连接TFS错误解决方案

查看>>

angular5中使用jsonp请求页面

查看>>

sql in not in 案例用 exists not exists 代替

查看>>

使用newtonjson解决Json日期格式问题

vue2.0 :style :class样式设置

查看>>

测不准原理主要指向微观

查看>>

Android之ExpandableList扩展用法（基于BaseExpandableListAdapter）

xcode crash 查找 EXC_BAD_ACCESS 问题根源的方法

查看>>

linux下为php添加mongodb扩展

查看>>

使用java.util.concurrent.ThreadFactory来创建线程

查看>>

宅男程序员给老婆的计算机课程之5:设计模式

查看>>

PHPWAMP强行脱离依赖，在系统缺失必备组件或DLL受损的情况下依然能正常运行

查看>>